<!DOCTYPE html>
<!--suppress ThymeleafVariablesResolveInspection -->
<!-- supperss ALL -->
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>咨询详情</title>
    <meta name="keywords" content="口臭的原因,口臭,口臭的预防措施,口腔知识,口腔资讯,有贝口腔网">
    <meta name="description" content="口臭是一个很常见的问题，口臭会造成自己的不自信，在与人交谈时也会造成尴尬局面，那么，为什么会有口臭？该如何预防口臭呢？下面就一起来看看！"
          ,有贝口腔网为用户提供专业的口腔资讯，口腔知识，口腔问题，口腔卫生等综合服务型网站="">
    <link rel="stylesheet" href="./yb_system_css/reset.css">
    <link rel="stylesheet" href="./yb_system_css/commone.css">
    <link rel="stylesheet" href="./yb_system_css/commtwo.css">
    <link rel="stylesheet" href="./yb_system_css/commthree.css">
    <link rel="shortcut icon" href="http://www.hasbei.com/static/images/icon.png" type="image/x-icon">
    <link rel="stylesheet" href="./yb_system_css/pinglun.css">
    <link rel="stylesheet" media="screen and (min-width:481px)" href="./yb_system_css/condetail.css">
    <link rel="stylesheet" media="screen and (max-width:480px)" href="./yb_system_css/condetail(1).css">
    <script src="./yb_system_js/hm.js"></script>
    <script type="text/javascript">
        var basePath = "/";
    </script>
    <script src="./yb_system_js/common.js"></script>
    <script src="./yb_system_js/jquery-3.5.1.min.js"></script>
    <script src="./yb_system_js/footfixed.js"></script>
    <script src="./yb_system_js/condetail.js"></script>
    <script src="./yb_system_js/zxdetail.js"></script>
    <script src="./yb_system_js/layer.js"></script>
    <script src="./yb_system_js/bsStatic.js" type="text/javascript" charset="utf-8"></script>
    <script src="./yb_system_js/bs-engine.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div class="content">
    <div th:replace="public :: header"></div>
    <div class="content-main">
        <div class="main-tab">
            <div class="max-width">
                <ul class="main-tab-ul">
                    <li>
                        <a th:href="@{/consult}" target="_self">今日推荐</a>
                    </li>
                    <li th:each="thTypeList,typeState:${queryTypeList}" th:if="${typeState.count <= 10}">
                        <a class="main-tab-active"  th:if="${typeId == thTypeList.id}" th:href="@{/type(typeId=${thTypeList.id})}" target="_self" th:text="${thTypeList.name}"></a>
                        <a th:if="${typeId != thTypeList.id}" th:href="@{/type(typeId=${thTypeList.id})}" target="_self" th:text="${thTypeList.name}"></a>
                    </li>
                    <li class="tab-more-list">
                        <a href="javascript:;" target="_self">
                            <span>更多</span>
                            <img class="arrow-bottom" th:src="@{/yb_system_picture/arrow-bttom.png}" alt="有贝口腔网">
                        </a>
                        <div>
                            <ul>
                                <li th:each="thTypeList2,typeState:${queryTypeList}" th:if="${typeState.count > 10}">
                                    <a class="main-tab-active"  th:if="${thTypeList2.id == typeId}" th:href="@{/type(typeId=${thTypeList2.id})}" target="_self" th:text="${thTypeList2.name}"></a>
                                    <a th:if="${thTypeList2.id != typeId}" th:href="@{/type(typeId=${thTypeList2.id})}" target="_self" th:text="${thTypeList2.name}"></a>
                                </li>
                            </ul>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="bread-crumb">
            <div>
                <a th:href="@{/homePage}">首页</a>
                <span>/</span>
                <a th:href="@{/type(typeId=${articleDetail.typeId})}" th:text="${articleDetail.name}"></a>
                <span>/</span>
                <a th:href="@{/articleDetail(articleId=${articleDetail.id})}" th:text="${articleDetail.title}"></a>
            </div>
        </div>
        <div class="zixun-info">
            <input type="hidden" id="article" th:value="${articleDetail.id}">
            <div>
                <div class="artical-info">
                    <div class="artical-title">
                        <div class="list-item-title title-content">
                            <a th:href="@{/articleDetail(articleId=${articleDetail.id})}" th:text="${articleDetail.title}"></a>
                        </div>
                        <div class="list-item-info">
                            <a th:href="@{/type(typeId=${articleDetail.typeId})}"><span class="tui-jian" th:text="${articleDetail.name}"></span></a>
                            <div class="yue-du">
                                <a th:href="@{/articleDetail(articleId=${articleDetail.typeId})}">
                                    <img src="./yb_system_picture/yuedu.png"><span th:text="${articleDetail.readNum+'阅读'}"></span>
                                </a>
                            </div>
                            <span class="dotted">·</span>
                            <span class="time-before" th:text="${#dates.format(articleDetail.publishTime, 'yyyy-MM-dd')}"></span>
                        </div>
                    </div>
                    <div class="artical-content">
                        <div class="artical-text" th:utext="${articleDetail.content}"></div>
                    </div>
                    <div class="up-load">
                        <div class="bshare-custom icon-medium">
                            <div class="bsPromo bsPromo2"></div>
                            <a title="分享到QQ空间" class="bshare-qzone"></a>
                            <a title="分享到QQ好友" class="bshare-qqim"href="javascript:void(0);"></a>
                            <a title="分享到微信" class="bshare-weixin" href="javascript:void(0);"></a>
                            <a title="分享到新浪微博" class="bshare-qqmb"></a>
                            <a title="分享到贴吧" class="bshare-itieba" href="javascript:void(0);"></a>
                            <a title="更多平台" class="bshare-more bshare-more-icon more-style-addthis"></a>
                            <span class="BSHARE_COUNT bshare-share-count" style="float: none;">0</span>
                        </div>
                        <script type="text/javascript" charset="utf-8" src="./yb_system_js/buttonLite.js"></script>
                        <script type="text/javascript" charset="utf-8" src="./yb_system_js/bshareC0.js"></script>
                    </div>
                    <input type="hidden" id="no" th:value="${currentTime}">
                    <input type="hidden" id="articleId" th:value="${articleDetail.id}">
                    <input type="hidden" id="collectType" value="10">
                    <div class="artical-edit">
                        <div class="artical-edit-left">
                            <a href="javascript:;"><em id="commentCount" th:text="${articleDetail.commentNum}"></em>&nbsp;条评论</a>
                            <a href="javascript:;" id="collectCount" th:text="${articleDetail.collectNum+' 人收藏'}"></a>
                        </div>
                        <div class="artical-edit-right">
                            <a href="javaScript:;" onclick="myCollect(this)"><img src="./yb_system_picture/shoucang1.png" alt="有贝口腔网"><span>收藏</span></a>
                        </div>
                    </div>
                    <div class="publish-discuss">
                        <div class="user-logo">
                            <a target="_blank" th:href="@{/personalHomepage(userId=1)}"><img src="./yb_system_picture/0ffde0738dde46d09dd3e5851675dd68.png"></a>
                        </div>
                        <input type="hidden" id="userId" value="1">
                        <div class="discuss-input">
                            <textarea placeholder="写下您的评论..." class="textarea"></textarea>
                            <div class="answer-div">
                                <span class="answer-btn" id="discuss-btn">评论</span>
                            </div>
                        </div>
                    </div>
                    <div class="discuss-box" id="commenList">
                        <div class="discuss-list" th:each="articleDetailComments,articleState:${articleDetailComments}" th:if="${articleState.count > 0}">
                            <div class="discuss-left">
                                <div class="user-logo">
                                    <a target="_blank" th:href="@{/personalHomepage(userId=${articleDetailComments.userId})}">
                                        <img th:if="${articleDetailComments.userPath != null}" th:src="@{${articleDetailComments.userPath}}">
                                        <img th:if="${articleDetailComments.userPath == null}" src="./yb_system_picture/user_Default.png">
                                    </a>
                                </div>
                                <div class="user-message">
                                    <div class="name-time">
                                        <a th:href="@{/personalHomepage(userId=${articleDetailComments.userId})}" target="_blank" class="user-name" th:text="${articleDetailComments.nickname}"></a>
                                        <span class="discuss-time" th:text="${#dates.format(articleDetail.publishTime, 'yyyy-MM-dd')}"></span>
                                    </div>
                                    <div class="leave-message" th:text="${articleDetailComments.content}"></div>
                                </div>
                            </div>
                            <div class="answer-message">
                                <div class="discuss-right">
                                    <div class="discuss-reply">
                                        <span class="answer">回复</span>
                                    </div>
                                    <div class="discuss-num">
                                        <a href="javascript:;">
                                            <span>0</span>
                                            <img onclick="addlike(this)" class="dianzan" th:id="${articleDetailComments.id}" src="./yb_system_picture/icon_Like.png"></a>
                                    </div>
                                </div>
                                <div class="posi-input" style="display: none;">
                                    <div class="discuss-input" style="height: 40px;">
                                        <textarea placeholder="写下您的回复..." class="input" th:id="${'content'+articleDetailComments.id}" th:value="${articleDetailComments.userId}">[[${articleDetailComments.userId}]]</textarea>
                                        <div class="answer-div" style="position: absolute;">
                                            <span class="answer-btn" onclick="reply(this)" th:id="${articleDetailComments.id}">回复</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="more-answer" id="replylist307" style="display:none"></div>
                            </div>
                        </div>
                    </div>
                    <div class="show-more" onclick="moreCommentlist(this)" style="display: none;">查看更多评论</div>
                </div>
                <div class="hot-tuijian">
                    <div class="hot-title"><span>相关推荐</span></div>
                    <div id="myContentList">
                        <!--咨询-->
                        <div class="list-item" th:each="article:${articleList}">
                            <input type="hidden" id="articleId" th:value="${article.typeId}">
                            <div class="list-item-left" th:if="${article.photoPath != ''}">
                                <a th:href="@{/articleDetail(articleId=${article.id})}">
                                    <img th:src="${article.photoPath}" alt="有贝口腔网" th:text="${article.photoPath}">
                                </a>
                            </div>
                            <div class="list-item-right" th:if="${article.photoPath != ''}">
                                <div class="list-item-title">
                                    <a th:href="@{/articleDetail(articleId=${article.id})}" th:text="${article.title}"></a>
                                </div>
                                <div class="list-item-content-text">
                                    <a th:href="@{/articleDetail(articleId=${article.id})}" th:text="${article.introduce}"></a>
                                </div>
                                <div class="list-item-info">
                                    <a th:href="@{/type(typeId=${article.typeId})}">
                                        <span class="tui-jian" th:text="${article.name}"></span>
                                    </a>
                                    <a th:href="@{/personalHomepage(userId=${article.userId})}" class="user-img-name">
                                        <img th:if="${article.userPath == null}" src="./yb_system_picture/0ffde0738dde46d09dd3e5851675dd68.png">
                                        <img th:if="${article.userPath != null}" th:src="${article.userPath}">
                                        <span class="user-name" th:text="${article.nickname}"></span>
                                    </a>
                                    <div class="ping-lun">
                                        <a th:href="@{/articleDetail(articleId=${article.id})}">
                                            <img src="./yb_system_picture/pinglun.png">
                                            <span th:text="${article.commentNum+'评论'}"></span>
                                        </a>
                                    </div>
                                    <div class="shou-cang">
                                        <a th:href="@{/articleDetail(articleId=${article.id})}">
                                            <img src="./yb_system_picture/shoucang.png">
                                            <span th:text="${article.collectNum+'收藏'}"></span>
                                        </a>
                                    </div>
                                    <div class="yue-du">
                                        <a th:href="@{/articleDetail(articleId=${article.id})}">
                                            <img src="./yb_system_picture/yuedu.png">
                                            <span th:text="${article.readNum+'阅读'}"></span>
                                        </a>
                                    </div>
                                    <span class="dotted">·</span>
                                    <span class="time-before" th:text="${#dates.format(article.publishTime, 'yyyy-MM-dd')}"></span>
                                </div>
                            </div>
                            <div class="item_text" th:if="${article.photoPath == ''}">
                                <div class="list-item-title">
                                    <a th:href="@{/articleDetail(articleId=${article.id})}" th:text="${article.title}"></a>
                                </div>
                                <div class="list-item-content-text">
                                    <a th:href="@{/articleDetail(articleId=${article.id})}" th:text="${article.introduce}"></a>
                                </div>
                                <div class="list-item-info">
                                    <a th:href="@{/type(typeId=${article.typeId})}">
                                        <span class="tui-jian" th:text="${article.name}"></span>
                                    </a>
                                    <a th:href="@{/personalHomepage(userId=${article.userId})}" class="user-img-name">
                                        <img th:if="${article.userPath == null}" src="./yb_system_picture/0ffde0738dde46d09dd3e5851675dd68.png">
                                        <img th:if="${article.userPath != null}" th:src="${article.userPath}">
                                        <span class="user-name" th:text="${article.nickname}"></span>
                                    </a>
                                    <div class="ping-lun">
                                        <a th:href="@{/articleDetail(articleId=${article.id})}">
                                            <img src="./yb_system_picture/pinglun.png">
                                            <span th:text="${article.commentNum+'评论'}"></span>
                                        </a>
                                    </div>
                                    <div class="shou-cang">
                                        <a th:href="@{/articleDetail(articleId=${article.id})}">
                                            <img src="./yb_system_picture/shoucang.png">
                                            <span th:text="${article.collectNum+'收藏'}"></span>
                                        </a>
                                    </div>
                                    <div class="yue-du">
                                        <a th:href="@{/articleDetail(articleId=${article.id})}">
                                            <img src="./yb_system_picture/yuedu.png">
                                            <span th:text="${article.readNum+'阅读'}"></span>
                                        </a>
                                    </div>
                                    <span class="dotted">·</span>
                                    <span class="time-before" th:text="${#dates.format(article.publishTime, 'yyyy-MM-dd')}"></span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="more-content">
                        <div class="load-more" style="display:none">
                            <img src="./yb_system_picture/load-more.gif" alt="有贝口腔网">
                            <span>加载中</span>
                        </div>
                        <div class="load-more-two load-more-fade" onclick="loadData()">点击加载更多内容</div>
                        <div class="no-data" style="display:none;">-- 没有数据啦,我是有底线的哦 --</div>
                    </div>
                </div>
            </div>
            <div class="aside-left margin-t0">
                <div class="wonderful-top">
                    <div class="wonderful-top-title">其他看点</div>
                    <a th:href="@{/articleDetail(articleId=${articleRandomQuerySix.id})}" th:each="articleRandomQuerySix:${articleRandomQuerySix}">
                        <div class="wonderful-item-style">
                            <div class="wonderful-item-icon"><span></span></div>
                            <div class="wonderful-text" th:text="${articleRandomQuerySix.title}">探索牙齿的秘密</div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
        <div th:replace="public::footer"></div>
        <script>
            var _hmt = _hmt || [];
            (function () {
                var hm = document.createElement("script");
                hm.src = "https://hm.baidu.com/hm.js?4245936cbef31e434e2b387b56dfd7d8";
                var s = document.getElementsByTagName("script")[0];
                s.parentNode.insertBefore(hm, s);
            })();
        </script>
    </div>
</div>